<div class="content-white p1000">
    <div style="font-weight:bold;font-size:20px;padding:0 0 10px 10px;border-bottom:1px solid #ddd;">
        作业工单完成情况反馈 &nbsp;&nbsp;&nbsp;
        <button nz-button nzType="default" (click)="back()"><i nz-icon nzType="rollback"></i>返回</button>
    </div>
    <div style="padding:20px 50px 10px 50px">
        <div nz-row>
            <div>
                作业信息
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">作业日期：</span>
                <span>
                    <nz-date-picker disabled [nzStyle]="{'width':'315px'}" nzFormat="yyyy-MM-dd"
                        [(ngModel)]="queryParams.dtWorkdate" placeholder="请输入作业日期">
                    </nz-date-picker>
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">作业车站：</span>
                <span>
                    <input nz-input readonly style="width:315px;" placeholder="作业车站"
                        [(ngModel)]="queryParams.staName" />
                </span>
            </div>
            <ng-container *ngIf="queryParams.vcDevgroupId;else anotherId">
                <div nz-col nzSpan="8" style="padding:10px 0">
                    <span [ngStyle]="rowThree">作业设备：</span>
                    <span>
                        <input readonly nz-input style="width:315px;" placeholder="请输入作业设备"
                            [(ngModel)]="queryParams.vcDevgroupName" />
                    </span>
                </div>
            </ng-container>
            <ng-template #anotherId>
                <div nz-col nzSpan="8" style="padding:10px 0">
                    <span [ngStyle]="rowThree">作业设备：</span>
                    <span>
                        <input readonly nz-input style="width:315px;" placeholder="请输入作业设备"
                            [(ngModel)]="queryParams.vcDevname" />
                    </span>
                </div>
            </ng-template>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">天窗作业计划号：</span>
                <span>
                    <nz-select disabled style="width:315px;" nzPlaceHolder="请选择天窗作业计划号"
                        [(ngModel)]="queryParams.vcSkyorderid" (ngModelChange)="skywinChange($event)">
                        <nz-option *ngFor="let item of skywinList" [nzValue]="item.nId" [nzLabel]="item.vcLabel">
                        </nz-option>
                    </nz-select>
                </span>
            </div>
            <div nz-col nzSpan="16" style="padding:10px 0">
                <span [ngStyle]="rowThree">天窗计划时间：</span>
                <span>
                    <nz-date-picker disabled nzFormat="yyyy-MM-dd HH:mm" nzShowTime
                        [(ngModel)]="queryParams.dtSkywinplantime">
                    </nz-date-picker>&nbsp;&nbsp; ~ &nbsp;&nbsp;
                    <nz-date-picker disabled nzFormat="yyyy-MM-dd HH:mm" nzShowTime
                        [(ngModel)]="queryParams.dtSkywinplanetime">
                    </nz-date-picker>
                </span>
            </div>
            <div *ngIf="queryParams.vcDevgroupId" nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">设备明细：</span>
                <span>
                    <input readonly nz-input style="width:315px;" placeholder="请输入设备明细"
                        [(ngModel)]="queryParams.vcDevname" />
                </span>
            </div>
            <div nz-col nzSpan="24" style="padding:10px 0">
                <span [ngStyle]="rowThree" style="float:left;margin-top:11px">天窗计划及影响范围：</span>
                <span>
                    <textarea readonly style="width:1355px;" placeHolder="数据用逗号分隔" nz-input
                        [nzAutosize]="{ minRows: 4, maxRows: 4 }" [(ngModel)]="queryParams.vcSkyplanrange"></textarea>
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">进作业门编号：</span>
                <span>
                    <input readonly nz-input style="width:315px;" placeholder="请输入进作业门编号"
                        [(ngModel)]="queryParams.vcIndoornum" />
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">出作业门编号：</span>
                <span>
                    <input readonly nz-input style="width:315px;" placeholder="请输入出作业门编号"
                        [(ngModel)]="queryParams.vcOutdoornum" />
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">派工人：</span>
                <span>
                    <nz-select disabled style="width:315px;" [(ngModel)]="queryParams.vcLeaderid"
                        nzPlaceHolder="请选择派工人">
                        <nz-option-group *ngFor="let data of peopleList" [nzLabel]="data.vcOrgName">
                            <nz-option *ngFor="let item of data.children" [nzValue]="item.vcNumber"
                                [nzLabel]="item.vcName"></nz-option>
                        </nz-option-group>
                    </nz-select>
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">作业组编号：</span>
                <span>
                    <input readonly nz-input style="width:315px;" placeholder="请输入作业组编号"
                        [(ngModel)]="queryParams.vcTaskGroupId" />
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">室外防护员：</span>
                <span>
                    <nz-select disabled style="width:315px;" [(ngModel)]="queryParams.vcOutguardid"
                        nzPlaceHolder="请选择室外防护员">
                        <nz-option-group *ngFor="let data of peopleList" [nzLabel]="data.vcOrgName">
                            <nz-option *ngFor="let item of data.children" [nzValue]="item.vcNumber"
                                [nzLabel]="item.vcName"></nz-option>
                        </nz-option-group>
                    </nz-select>
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">作业小组长：</span>
                <span>
                    <nz-select disabled style="width:315px;" [(ngModel)]="queryParams.vcTeamleaderid"
                        nzPlaceHolder="请选择作业小组长">
                        <nz-option-group *ngFor="let data of peopleList" [nzLabel]="data.vcOrgName">
                            <ng-container *ngIf="data.children">
                                <nz-option *ngFor="let item of data.children" [nzValue]="item.vcNumber"
                                    [nzLabel]="item.vcName"></nz-option>
                            </ng-container>
                        </nz-option-group>
                    </nz-select>
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">驻站联络员：</span>
                <span>
                    <nz-select disabled style="width:315px;" [(ngModel)]="queryParams.vcLiaisonid"
                        nzPlaceHolder="请选择驻站联络员">
                        <nz-option-group *ngFor="let data of peopleList" [nzLabel]="data.vcOrgName">
                            <ng-container *ngIf="data.children">
                                <nz-option *ngFor="let item of data.children" [nzValue]="item.vcNumber"
                                    [nzLabel]="item.vcName"></nz-option>
                            </ng-container>
                        </nz-option-group>
                    </nz-select>
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">作业组人员：</span>
                <span>
                    <input nz-input readonly style="width: 315px" [(ngModel)]="queryParams.vcTeammenberid" />
                </span>
            </div>
            <div nz-col nzSpan="24" style="padding:10px 0">
                <span [ngStyle]="rowThree" style="float:left;margin-top:11px">作业内容：</span>
                <span>
                    <textarea readonly style="width:1355px;" placeHolder="数据用逗号分隔" nz-input
                        [nzAutosize]="{ minRows: 4, maxRows: 4 }" [(ngModel)]="queryParams.vcWorkinfo"></textarea>
                </span>
            </div>
            <div nz-col nzSpan="24" style="padding:10px 0">
                <span [ngStyle]="rowThree" style="float:left;margin-top:11px">工具材料：</span>
                <span>
                    <textarea readonly style="width:1355px;" placeHolder="数据用逗号分隔" nz-input
                        [nzAutosize]="{ minRows: 4, maxRows: 4 }" [(ngModel)]="queryParams.vcToolsmaterial"></textarea>
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">作业类型：</span>
                <span>
                    <nz-radio-group [disabled]="readStatus" [(ngModel)]="queryParams.vcProjecttype">
                        <label nz-radio nzValue="0">状态修</label>
                        <label nz-radio nzValue="1">集中检修</label>
                        <label nz-radio nzValue="2">设备整治</label>
                        <label nz-radio nzValue="3">配合作业</label>
                    </nz-radio-group>
                </span>
            </div>
            <div nz-col nzSpan="24" style="padding:10px 0">
                <span [ngStyle]="rowThree" style="float:left;margin-top:4px">三防风险提示： </span>
                <span>
                    <textarea readonly style="width:1355px;" nz-input [nzAutosize]="{ minRows: 4, maxRows: 8 }"
                        [(ngModel)]="queryParams.vcRiskinfo"></textarea>
                </span>
            </div>
            <div nz-col nzSpan="24">
                完成情况
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">封锁命令号：</span>
                <span>
                    <input [readonly]="readStatus" nz-input style="width:315px;" placeholder="请输入封锁命令号"
                        [(ngModel)]="queryParams.vcBlockadeNumber" />
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">封锁命令号发令时间：</span>
                <span>
                    <nz-date-picker [disabled]="readStatus" [nzStyle]="{'width':'315px'}" nzFormat="yyyy-MM-dd HH:mm"
                        nzShowTime [(ngModel)]="queryParams.vcBlockadeTime">
                    </nz-date-picker>
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">作业组进门作业时间：</span>
                <span>
                    <nz-date-picker [disabled]="readStatus" [nzStyle]="{'width':'315px'}" nzFormat="yyyy-MM-dd HH:mm"
                        nzShowTime [(ngModel)]="queryParams.dtIndoortime">
                    </nz-date-picker>
                </span>
            </div>
            <div nz-col nzSpan="24" style="padding:10px 0">
                <span [ngStyle]="rowThree">作业组出门作业时间：</span>
                <span>
                    <nz-date-picker [disabled]="readStatus" [nzStyle]="{'width':'315px'}" nzFormat="yyyy-MM-dd HH:mm"
                        nzShowTime [(ngModel)]="queryParams.dtOutdoortime">
                    </nz-date-picker>
                </span>
            </div>
            <div nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">完成情况：</span>
                <span>
                    <nz-radio-group [disabled]="readStatus" (ngModelChange)="finish($event)"
                        [(ngModel)]="queryParams.vcFinished">
                        <label nz-radio nzValue="0">已完成</label>
                        <label nz-radio nzValue="1" *ngIf="queryParams.vcDevgroupId">部分完成</label>
                        <label nz-radio nzValue="2">未完成</label>
                    </nz-radio-group>
                </span>
            </div>
            <div *ngIf="finishStatus === '1' || finishStatus === '2'" nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">下次作业日期：</span>
                <span>
                    <nz-date-picker [disabled]="readStatus" [nzStyle]="{'width':'315px'}" nzFormat="yyyy-MM-dd"
                        [(ngModel)]="infoParams.dtWorkdate" placeholder="请输入作业日期">
                    </nz-date-picker>
                </span>
            </div>
            <div *ngIf="finishStatus === '1' || finishStatus === '2'" nz-col nzSpan="8" style="padding:10px 0">
                <span [ngStyle]="rowThree">未完成设备：</span>
                <span>
                    <nz-select [disabled]="readStatus" style="width: 315px" [(ngModel)]="infoParams.vcDevid"
                        nzMode="multiple" nzPlaceHolder="请选择未完成设备">
                        <nz-option *ngFor="let data of devList" [nzValue]="data.opValue" [nzLabel]="data.opName">
                        </nz-option>
                    </nz-select>
                </span>
            </div>
            <div nz-col nzSpan="24" style="padding:10px 0">
                <span [ngStyle]="rowThree" style="float:left;margin-top:11px">完成情况描述：</span>
                <span>
                    <textarea [readonly]="readStatus" style="width:1355px;" placeHolder="请输入完成情况描述" nz-input
                        [nzAutosize]="{ minRows: 4, maxRows: 4 }" [(ngModel)]="infoParams.vcCompleteDescribe"></textarea>
                </span>
            </div>
            <div nz-col nzSpan="24" style="padding:10px 0">
                <span [ngStyle]="rowThree" style="float:left;margin-top:2px">问题整改情况：</span>
                <div class="wtkTable">
                    <table cellpadding="0" cellspacing="0">
                        <thead>
                            <tr>
                                <th style="width:80px">整改完成</th>
                                <th>发现时间</th>
                                <th>发现人</th>
                                <th>问题类型</th>
                                <th>问题描述</th>
                                <th>整改要求</th>
                                <th>解决期限</th>
                                <th>责任部门</th>
                                <th>备注</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr *ngFor="let data of problemList">
                                <td>
                                    <label nz-checkbox [(ngModel)]="data.checked"></label>
                                </td>
                                <td>{{data.checkDate}}</td>
                                <td>{{data.checkPerson}}</td>
                                <td>{{data.typeName}}</td>
                                <td>
                                    <textarea style="border:0" nz-input [nzAutosize]="{ minRows: 4, maxRows: 4 }"
                                        [(ngModel)]="data.problemDesc"></textarea>
                                </td>
                                <td>
                                    <textarea style="border:0" nz-input [nzAutosize]="{ minRows: 4, maxRows: 4 }"
                                        [(ngModel)]="data.handleRequire"></textarea>
                                </td>
                                <td>{{data.deadline}}</td>
                                <td>{{data.chargeOrgName}}</td>
                                <td>{{data.remark}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div nz-col nzSpan="24" style="padding:10px 0">
                <span [ngStyle]="rowThree" style="float:left;margin-top:2px">检查发现问题：
                    <button nz-button nzSize="small" nzType="default" (click)="queEnter()"><i nz-icon
                            nzType="question-circle"></i>问题录入</button>
                </span>
                <div class="wtkTable">
                    <table cellpadding="0" cellspacing="0">
                        <thead>
                            <tr>
                                <th>发现时间</th>
                                <th>发现人</th>
                                <th>问题类型</th>
                                <th>问题描述</th>
                                <th>整改要求</th>
                                <th>解决期限</th>
                                <th>责任部门</th>
                                <th>备注</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr *ngFor="let data of newproblemList;">
                                <td>{{data.checkDate}}</td>
                                <td>{{data.checkPerson}}</td>
                                <td>{{data.typeName}}</td>
                                <td>
                                    {{data.problemDesc}}
                                </td>
                                <td>
                                    {{data.handleRequire}}
                                </td>
                                <td>{{data.deadline}}</td>
                                <td>{{data.chargeOrgName}}</td>
                                <td>{{data.remark}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div *ngIf="queryParams.vcStatus === '4'" style="text-align: center;padding-bottom:10px">
        <button nz-button nzType="primary" [nzLoading]="isLoading.Sd" (click)="operaButton('saveDate')"><i nz-icon
                nzType="save"></i>保存</button>
        <button nz-button nzType="primary" [nzLoading]="isLoading.Fb" (click)="operaButton('feedBack')"><i nz-icon
                nzType="form"></i>完成反馈</button>
    </div>
</div>

<nz-modal [(nzVisible)]="sfVisible" nzWidth="1200" nzTitle="三防风险提示" (nzOnCancel)="sfCancal()" (nzOnOk)="sfOk()">
    <iframe style="width: 100%;height: 70vh;" src="/csmis/sanfangshouye/index.html" frameborder="0"></iframe>
</nz-modal>

<app-securityproblemmodal *ngIf="operaList.addModal" [width]="'1200'" [popTitle]="'新增'" [operaType]="'add'"
    [apiUrl]="apiUrl.add" [responseData]="queryParams" (reloadData)="getSafeProblem()"
    (closeModal)="modalHide('addModal')" (reloadData)="loadList()">
</app-securityproblemmodal>